<template>
    <div class="conten-warp">
      <cus-card>
        <div class="conten-warp-search fs">
          <div>
            <Button
              type="error"
              @click="$router.go(-1)"
            >
              返回
            </Button>
          </div>
        </div>
        <div class="conten-warp-title flex">
          <h2>{{ titleDates }} 年价格指数波动</h2>
        </div>
        <div class="conten-warp-chartBox">
          <priceChart :id="this.$route.query.id" @titleDate="titleDate"></priceChart>
        </div>
      </cus-card>
    </div>
  </template>
  
  <script>
  import priceChart from "./priceChart.vue";
  
  export default {
    components: { priceChart },
    data() {
      return {
        form: {},
        titleDates: null, 
      };
    },
    mounted() { },
    methods: { 
      titleDate(v) {
        this.titleDates = v;
      }
    },
  };
  </script>
  <style lang="less" scoped>
  .conten-warp-chartBox {
    // height: 670px;
    height:calc(~'100vh - 270px');
    width: 100%;
    margin-top: 50px;
    // border: 1px solid #e3e8ee;
  }
  .fs {
    display: flex;
    justify-content: space-between;
  }
  </style>